<%@ page title="" language="C#" masterpagefile="~/RealtimeSite.master" autoeventwireup="true" inherits="SalaryProcess, App_Web_v22zhzdt" %>

<%@ Register Assembly="Heidarpour.WebControlUI" Namespace="Heidarpour.WebControlUI"
    TagPrefix="rhp" %>


<%@ Register   Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="AjaxControlToolkit" %>
    <%@ Register   Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
    <link href="css/googleapis.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
  
        .style6
        {
            width: 915px;
        }
        .style14
        {
            height: 27px;
            width: 906px;
            font-size: 8pt;
        }
        .style16
        {
            width: 286px;
        }
        .textbox
        {}
        .btnRt003366
        {}
        .style17
        {
            width: 175px;
        }
        .style19
        {
            font-family: Verdana;
            font-size: 8pt;
        }
        .style20
        {
            font-family: Verdana;
            font-size: 9pt;
        }
        .style21
        {
            height: 27px;
            width: 906px;
            font-size: 8pt;
            color: #FFFFFF;
        }
        .style22
        {
            color: #FFFFFF;
        }
 
        .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .05rem 0rem;
    /* margin-bottom: 1rem; */
    list-style: none;
    background-color: #fff !important;
    border-radius: .25rem;
    color: #E15C11;
    font-size: 18px;
    font-weight: 500;
}
     .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
      margin-top: -37px;
    padding: 7px !important;
}

.grid-lable {
    height: 150px;
    overflow-y: scroll;
    border: 1px solid #ddd;
    margin-left: -10px;
    margin-right: -10px;
    padding: 6px;
}
.grid-lable label {
     font-size: 15px !important;
    line-height: 1.02857 !important;
    color: #333 !important;
    font-weight: 200 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
.grid-lable span {
      font-size: 15px !important;
    line-height: 1.52857 !important;
    color: #333 !important;
    font-weight: 200 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
#inputSearch
{
    margin-top: 8px;
    margin-bottom: 8px;
}
#MainContent_lblForMonth
{
     font-size:15px;
    font-weight:bold;
}
#MainContent_lblSelectionBy
{
    font-size: 15px;
    font-weight: 600;
}
#MainContent_Label3
{
     font-size:15px;
    font-weight:bold;
}
#MainContent_Label1
{
     font-size:15px;
    font-weight:bold;
}
.radio-btn
{
      display: flex;
    list-style-type: none;
}
.radio-btn li
{
    margin-left:15px;
}
.ajax__calendar
{
    z-index:1000 !important;
}

        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    
  
               <div class="main-panel">
        <div class="content">
        <div class="container" id="Salaryprocess" runat="server">
       <div class="row dash-pane2">
        <div class="card">
                <div class="card-header card-header-warning">
                  <h4 class="card-title"><i class="fa fa-edit fa-fw"></i><asp:Label ID="lblMonthlySalaryProcess" runat="server" Text="Monthly Salary Process"></asp:Label>  <asp:Label ID="Label2" runat="server" ForeColor="Red"></asp:Label></h4>
       
                </div>
                <div class="card-body table-responsive">
                    <div class="row breadcrumb" style="display:none; margin-top:15px;">
                    <b><asp:Label ID="lblSelectMonth" runat="server" Text="Select Month"></asp:Label></b>
                    </div>

                    <div class="row" style="margin-top:-5px;">
                         <div class="col-lg-4" style="margin-top:25px;">
                         <ul class="radio-btn">
                         <li> <asp:RadioButton ID="rdmonthly" runat="server" GroupName="dd" 
                                 AutoPostBack="True" oncheckedchanged="rdmonthly_CheckedChanged" 
                                 Checked="True" />&nbsp;&nbsp;<b style="font-size: 15px; font-weight: 600;">Monthly Process</b></li>
                         <li><asp:RadioButton ID="rdPerodic" runat="server"  GroupName="dd" 
                                 AutoPostBack="True" oncheckedchanged="rdPerodic_CheckedChanged"/><b style="font-size: 15px; font-weight: 600;">&nbsp;&nbsp;Perodic Process</b></li>
                         </ul>
                           
                         </div>
                         
                       
                          <div class="col-lg-2">
                         <asp:Label ID="Label3" runat="server"  Visible="false">From Date</asp:Label>
                             <asp:TextBox ID="txtfromdates" runat="server"  Visible="false"  CssClass="form-control"></asp:TextBox>
                                 <cc1:CalendarExtender ID="CalendarExtender2" runat="server" TargetControlID="txtfromdates" Format="dd/MM/yyyy"  />
                         </div>
                          <div class="col-lg-2">
                          <asp:Label ID="Label1" runat="server"  Visible="false" > To Date</asp:Label>
                          <asp:TextBox ID="txttodates" runat="server" CssClass="form-control" Visible="false"></asp:TextBox>

                           <cc1:CalendarExtender ID="CalendarExtender3" runat="server" TargetControlID="txttodates" Format="dd/MM/yyyy"  />
                          </div> 

                         

                           
                         
                             <div class="col-lg-2">
                              <b><asp:Label ID="lblForMonth" runat="server" Text="For Month"></asp:Label></b>
                              
                              
                              
                                <asp:Panel ID="Panel6" runat="server" Visible="false">
                            <rhp:DatePicker ID="txtdate1" runat="server" DatePersian="" CalendarType="Persian"
                                BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True"
                                FirstDayOfWeek="Monday" ShowOthers="True"></rhp:DatePicker>
                        </asp:Panel>

                         
                       
                              <asp:TextBox ID="txtdate" runat="server" class="form-control" ontextchanged="txtdate_TextChanged1" 
           
                   />
            <cc1:CalendarExtender ID="cal1" runat="server" TargetControlID="txtdate" Format="dd/MM/yyyy"  />
                </div> 
                
              
                
                <div class="col-lg-4"  >
               
                      <asp:TextBox ID="txttodate" runat="server" class="form-control" ontextchanged="txttodate_TextChanged" Text="To Date"
                         
                          Visible="false" />
                      <cc1:CalendarExtender ID="CalendarExtender1" runat="server" Format="dd/MM/yyyy" 
                          TargetControlID="txttodate" />
                              
                              </div>
                    </div>

                    <div class="row breadcrumb" style="margin-top:0px;">
                    <b><asp:Label ID="lblSelectionBy" runat="server" Text="Selection By"></asp:Label></b>
                    </div>
                    <div class="row" style="margin-left:0px; margin-right:0px; margin-top:-20px;">
                             <asp:UpdatePanel ID="UpdatePanel1" runat="server">
   
    <ContentTemplate>
    </div>

						<div class="row" style="margin-left:-3px; margin-right:0px; width:100%">
                        <ul class="list-inline" style="width:100%; display:contents">
                        <li style="width:17.5%; margin-left:15px;">
                        <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                        <asp:RadioButton ID="SelectAllCommany" runat="server" Checked="True" 
                GroupName="Cmpny" Text="" AutoPostBack="True" 
                oncheckedchanged="SelectAllCommany_CheckedChanged" /><asp:Label ID="lblAllCompany" runat="server" Text="All Company"></asp:Label><br />
                <asp:RadioButton ID="FewCompany" runat="server" GroupName="Cmpny" 
                    Text="" oncheckedchanged="FewCompany_CheckedChanged"  /><asp:Label ID="lblFewCompany" runat="server" Text="Few Company"></asp:Label><br />
                     <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox1_CheckedChanged" 
                    Text="" /><asp:Label ID="lblCompanySelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>
                        </div>
							  <div class="grid-lable">  

                    <asp:CheckBoxList ID="chkcompanylist" runat="server" AutoPostBack="True"  Font-Size="12px"
                                         
                                          onselectedindexchanged="chkcompanylist_SelectedIndexChanged">
                                      </asp:CheckBoxList>
							  </div>                        
                        </li>
                        <li style="width:17.5%; margin-left:27px;">
                         <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                          <asp:RadioButton ID="Allshift" runat="server" GroupName="shift1" 
                     Text=""  Checked="True" AutoPostBack="True" 
                     oncheckedchanged="Allshift_CheckedChanged" /><asp:Label ID="lblAllBranch" runat="server" Text="All  Branch"></asp:Label><br />
                     <asp:RadioButton ID="Allshift1" runat="server" GroupName="shift1" 
                    
                    Text=""  AutoPostBack="True" oncheckedchanged="Allshift1_CheckedChanged" /><asp:Label ID="lblFewBranch" runat="server" Text="Few Branch"></asp:Label><br />
                    <asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox2_CheckedChanged" 
                    Text="" /><asp:Label ID="lblBranchSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>
                         </div>
 							   <div class="grid-lable">  

                    <asp:CheckBoxList ID="Chkshiftlist" runat="server" AutoPostBack="True" Font-Size="12px"
                                          
                                            onselectedindexchanged="Chkshiftlist_SelectedIndexChanged">
                                        </asp:CheckBoxList><br />
                                         
							  </div>                       
                        </li>
                        <li style="width:17.5%; margin-left:27px;">
                         <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                        <asp:RadioButton ID="AllDesignation" runat="server" Checked="True" GroupName="Dept" 
                Text="" oncheckedchanged="AllDesignation_CheckedChanged" /><asp:Label ID="lblAllDepartment" runat="server" Text="All Department"></asp:Label><br />
                 <asp:RadioButton ID="optfewDesignation" runat="server"  
                    GroupName="Dept" Text=""  
                    oncheckedchanged="optfewdept_CheckedChanged" /><asp:Label ID="lblFewDepartment" runat="server" Text="Few Department"></asp:Label><br />
                    <asp:CheckBox ID="CheckBox3" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox3_CheckedChanged" 
                    Text="" /><asp:Label ID="lblDepartmentSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                         
                         </div>
 							 <div class="grid-lable">  

                     <asp:CheckBoxList ID="chkdepartmentlist" runat="server" AutoPostBack="True"  Font-Size="12px" onselectedindexchanged="chkdepartmentlist_SelectedIndexChanged">
                                      </asp:CheckBoxList>
							  </div>                       
                        </li>
                        <li style="width:17.5%; margin-left:27px;">
                        <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                <asp:RadioButton ID="RadioButton1" runat="server" Checked="True" GroupName="Desig" 
                Text="" oncheckedchanged="RadioButton1_CheckedChanged"
                 /><asp:Label ID="lblAllDesignation" runat="server" Text="All  Designation"></asp:Label><br />
                 <asp:RadioButton ID="optFewEmployee0" runat="server" AutoPostBack="True" 
                        GroupName="Desig" oncheckedchanged="optAllemployee_CheckedChanged" 
                        Text=""  /><asp:Label ID="lblFewDesignation" runat="server" Text="Few Designation"></asp:Label><br />
                        <asp:CheckBox ID="CheckBox4" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox4_CheckedChanged" 
                    Text="" /><asp:Label ID="lblDesignationSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                        
                        </div>
							<div class="grid-lable">  

                         <asp:CheckBoxList ID="ChkDesignationList" runat="server" AutoPostBack="True"  Font-Size="12px"
                                           onselectedindexchanged="ChkDesignationList_SelectedIndexChanged">
                                       </asp:CheckBoxList>
							  </div>                        
                        </li>
                        <li style="width:17.5%; margin-left:27px;">
                        <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                  <asp:RadioButton ID="optAllemployee" runat="server" AutoPostBack="True" 
                    Checked="True" GroupName="Emp" 
                    oncheckedchanged="optAllemployee_CheckedChanged" Text=""   ClientIDMode="Static"  onclick="sharad();" 
                    /><asp:Label ID="lblAllemployee" runat="server" Text="All  employee"></asp:Label><br />
                    <asp:RadioButton ID="optFewEmployee" runat="server" AutoPostBack="True" 
                        GroupName="Emp" 
                        Text="" 
                        oncheckedchanged="optFewEmployee_CheckedChanged"   ClientIDMode="Static"  onclick="sharad();" /><asp:Label ID="lblFewEmployee" runat="server" Text="Few Employee"></asp:Label><br />
                        <asp:CheckBox ID="CheckBox5" runat="server" AutoPostBack="True" 
                    oncheckedchanged="CheckBox5_CheckedChanged" 
                    Text=""  ClientIDMode="Static"  onclick="sharad();" /><asp:Label ID="lblEmployeeSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>
                                          
                        </div>
				   <div class="grid-lable">  

                   <asp:TextBox runat="server" ID="inputSearch" ClientIDMode="Static"  Height="21px" placeholder="Search employee" CssClass="form-control"/> 
                         <asp:CheckBoxList ID="chkemployeelist" runat="server"  onselectedindexchanged="chkemployeelist_SelectedIndexChanged" Font-Size="12px" ClientIDMode="Static">
                                      </asp:CheckBoxList>
                                          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

                     <script type="text/javascript">
                      $(document).ready(function () {
        $("#inputSearch").on("keyup", function () {
            var value = $(this).val().toLowerCase();
            $("#chkemployeelist tr").filter(function () {
                $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
            });
        });
    });
                         window.onload = function () {
                             var tmr = false;
                             var labels = document.getElementById('chkemployeelist').getElementsByTagName('label');
                             var func = function () {
                                 if (tmr)
                                     clearTimeout(tmr);
                                 tmr = setTimeout(function () {
                                     var regx = new RegExp(document.getElementById('inputSearch').value);


                                     for (var i = 0, size = labels.length; i < size; i++)
                                         if (document.getElementById('inputSearch').value.length > 0) {
                                             if (labels[i].textContent.match(regx)) setItemVisibility(i, true);
                                             else setItemVisibility(i, false);
                                         }
                                         else
                                             setItemVisibility(i, true);
                                 }, 500);

                                 function setItemVisibility(position, visible) {
                                     if (visible) {
                                         labels[position].style.display = '';
                                         labels[position].previousSibling.style.display = '';
                                         if (labels[position].nextSibling != null)
                                             labels[position].nextSibling.style.display = '';
                                     }
                                     else {
                                         labels[position].style.display = 'none';
                                         labels[position].previousSibling.style.display = 'none';
                                         if (labels[position].nextSibling != null)
                                             labels[position].nextSibling.style.display = 'none';

                                     }
                                 }
                             }

                             if (document.attachEvent) document.getElementById('inputSearch').attachEvent('onkeypress', func);  // IE compatibility
                             else document.getElementById('inputSearch').addEventListener('keydown', func, false); // other browsers
                         };


                         function sharad() {
                             var tmr = false;

                             var labels = document.getElementById('chkemployeelist').getElementsByTagName('label');
                             var func = function () {
                                 if (tmr)
                                     clearTimeout(tmr);
                                 tmr = setTimeout(function () {
                                     var regx = new RegExp(document.getElementById('inputSearch').value);


                                     for (var i = 0, size = labels.length; i < size; i++)
                                         if (document.getElementById('inputSearch').value.length > 0) {
                                             if (labels[i].textContent.match(regx)) setItemVisibility(i, true);
                                             else setItemVisibility(i, false);
                                         }
                                         else
                                             setItemVisibility(i, true);
                                 }, 500);

                                 function setItemVisibility(position, visible) {
                                     if (visible) {
                                         labels[position].style.display = '';
                                         labels[position].previousSibling.style.display = '';
                                         if (labels[position].nextSibling != null)
                                             labels[position].nextSibling.style.display = '';
                                     }
                                     else {
                                         labels[position].style.display = 'none';
                                         labels[position].previousSibling.style.display = 'none';
                                         if (labels[position].nextSibling != null)
                                             labels[position].nextSibling.style.display = 'none';

                                     }
                                 }
                             }

                             if (document.attachEvent) document.getElementById('inputSearch').attachEvent('onkeypress', func);  // IE compatibility
                             else document.getElementById('inputSearch').addEventListener('keydown', func, false); // other browsers
                         }



  </script>
                    
                    </div>                        
                        </li>
                        </ul>

                  </div>
                           
                              </ContentTemplate>

   </asp:UpdatePanel> 
                    </div>
                    <div class="row" style="margin-left:auto; margin-right:auto; display:table; margin-top:10px; margin-bottom:20px;">
                                                 <asp:Button ID="cmdShowReport" runat="server" Text="Process"  OnClick="cmdShowReport_Click" onclientclick="return validate()"
        type="button" class="btn btn-success " /><i class="fa fa-plus;"></i>&nbsp;&nbsp;
        <asp:Button ID="btnClose" runat="server" type="button" Text="Cancel" onclick="btnClose_Click" 
           class="btn btn-danger"
           /><i  class="fa fa-trash-o;"></i>
                    </div>
                </div>
              </div>
    


 </div>
  </div> </div> </div>




          
</asp:Content>

